import React from "react";
import { NavBar, Toast } from "react-vant";
import { useNavigate } from "react-router-dom";
import "./index.css";
const Index:React.FC=()=>{
  const navigate = useNavigate();
  const back = () =>
    Toast.show({
      content: navigate(-1),
      duration: 1000,
    });

  return (
    <div>
      <NavBar
        title="健康钱包"
        leftText="返回"
        rightText="设置"
        onClickLeft={() => navigate(-1)}
        onClickRight={() => navigate("/walletset")}
      />

      <div className="wallet1">
        <p className="walletp">明细</p>

        <p className="walletp1">账号余额(元)</p>

        <p className="walletp2">0.00</p>
      </div>
      <div className="wallet2">
        <p>充值</p>
        <p>提现</p>
      </div>

      <div className="wallet3">
        <p onClick={()=> navigate("/bill")}>账单</p>
        <p onClick={()=> navigate("/bankcard")}>银行卡</p>
      </div>

      <div className="wallet4">
        <p onClick={()=> navigate("/redenvelope")}>红包</p>
        <p onClick={()=> navigate("/voucher")}>代金券</p>
      </div>
    </div>
  );
}

export default Index;
